<template>
  <header class="w-full border-b border-zinc-200 bg-white py-3">
    <div class="container mx-auto px-4 flex items-center justify-between">
      <a class="text-2xl font-bold text-zinc-900" href="/"> CopyAnyUI </a>
      <div class="flex items-center gap-4">
        <a
          target="_blank"
          rel="noopener noreferrer"
          class="flex items-center gap-1.5 text-sm font-medium text-zinc-700 hover:text-zinc-900 transition-colors"
          href="https://discord.gg/MFMdzB5R"
        >
          Discord
        </a>
      </div>
    </div>
  </header>
</template>

<script setup lang="ts"></script>
